<template>
    <view class="gjl-components">
        <view class="components-inner">
            <view class="img-box">
                <image :src="item.avatarUrl" mode=""></image>
            </view>
            <view class="right-box">
                <view class="name">
                    {{item.nickName}}
                </view>
                <view class="time">
                    {{item.fundsLogAddTime | format('yy-m-d h:i:s')}}
                </view>
            </view>
        </view>
    </view>
</template>

<script>
    import utils from '@/util/index.js'
    export default {
        filters: {
            format(val,format){
                return utils.format(val,format)
            }
        },
        props:{
            item: {
                type: Object,
                default: function(){
                    return {}
                }
            }
        }
    }
</script>

<style scoped lang="scss">
    .components-inner{
        display: flex;
        align-items: center;
        .img-box{
            width: 98rpx;
            height: 98rpx;
            image{
                height: 100%;
                width: 100%;
                border-radius:50%;
                background:rgba(218,218,218,1);
            }
        }
        .right-box{
            margin-left: 20rpx;
            .name{
                font-size:28rpx;
                font-weight:bold;
                color:rgba(51,51,51,1);
            }
            .time{
                margin-top: 11rpx;
                font-size:28rpx;
                font-weight:400;
                color:rgba(153,153,153,1);
            }
        }
    }
</style>